<template>
  <view class="photo-card">
    <view class="d-title">上传您孩子的照片</view>
    <view class="d-top">上传照片后，对方联系您的概率会<br> 提高3-5倍</view>
    <view class="d-btn" @click="toUpload"><custom-btn>上传照片（赠送3个名额）</custom-btn></view>
    <view class="d-btn d-vip" @click="toMember"><custom-btn>开通完美繁花会员</custom-btn></view>
  </view>
</template>

<script setup>
import useStore from "@/store";
const { common } = useStore();
const toMember = () => {
  uni.navigateTo({ url: "/subPages/purchase/index" });
  common.updatePopupOpen(false, "photo");
};

const toUpload = () => {
  common.updatePopupOpen(false, "photo");
  common.updatePopupOpen(true, "muban");
};
</script>

<style lang=scss scoped>
.photo-card {
  border-radius: 30rpx;
  padding: 60rpx 56rpx;
  background: #fff;
  .d-title {
    font-weight: 800;
    font-size: 44rpx;
    color: #000;
    text-align: center;
    padding-bottom: 40rpx;
  }
  .d-top {
    font-weight: 600;
    font-size: 36rpx;
    color: #666;
    padding-bottom: 40rpx;
    text-align: center;
    line-height: 56rpx;
  }

  .d-btn {
    width: 526rpx;
    height: 116rpx;
    line-height: 120rpx;
    background: #f65952;
    border-radius: 120rpx;
    margin: 0 auto;
    font-weight: 500;
    font-size: 36rpx;
    color: #fff;
    border: 4rpx solid #f65952;
  }

  .d-vip {
    background: #ffffff;
    border: 4rpx solid #f65952;
    color: #f65952;
    margin-top: 20rpx;
    font-weight: 600;
  }
}
</style> 